<nz-drawer [nzVisible]="visible" [nzTitle]="title" nzMaskClosable="false" [nzWidth]="width"
           nzWrapClassName="layou-drawer" (nzOnClose)="close()" nzZIndex="10">
  <ng-container #bodyContainer>
    <ng-container *ngIf="!isComponent(content)" [ngSwitch]="true">
      <ng-container *ngSwitchCase="isTemplateRef(content)" [ngTemplateOutlet]="content"></ng-container>
      <ng-container *ngSwitchCase="isNonEmptyString(content)"><div [innerHTML]="content"></div></ng-container>
      <!--<ng-container *ngSwitchDefault [ngTemplateOutlet]="tplOriginContent"></ng-container>-->
    </ng-container>
  </ng-container>
  <div class="footer">
    <button nz-button type="button" [nzLoading]="cancelLoading" (click)="triggerCancel()" style="margin-right: 8px;">
      <span>{{ 'modify.text.cancel' | translate }}</span>
    </button>
    <button nz-button nzType="primary" type="button" [nzLoading]="submitLoading" (click)="triggerSubmit()">
      <span>{{ 'modify.text.submit' | translate }}</span>
    </button>
  </div>
</nz-drawer>
